<%@ page import="com.ecomm.themes.newstyle.functiontree.MenuGenerator,
com.ecomm.oa.accredit.AccreditAcl,
com.ecomm.oa.accredit.AccreditUtil,
java.util.Enumeration,
com.ecomm.security.functiontree.FunctionInfo,
com.ecomm.util.*"%>
<%@page contentType="text/html;charset=utf-8"%>
<%@include file="/include/currentuserinfo.jsp" %>
<%@include file="/include/filepath.jsp"%>
<%@include file="/include/pageexpires.jsp"%>
<html>
  <head>
    <meta http-equiv=content-type content="text/html; charset=utf-8">
    <link type="text/css" rel="stylesheet" href="<%=currentSkinCss%>" id="menuStyleSheet">
    <script type="text/javascript">
     function func(url){
     window.open(url,"frmRight", "");
     }
    </script>
    <script src="<%=ctxpath%>/chat/js/prototype.js" type="text/javascript"></script>
    <script src="<%=ctxpath%>/chat/js/ricobase.js" type="text/javascript"></script>
    <script src="<%=ctxpath%>/chat/js/ricoeffects.js" type="text/javascript"></script>
    <script src="<%=ctxpath%>/chat/js/ricobehaviors.js" type="text/javascript"></script>
    <script src="<%=ctxpath%>/chat/js/ricocomponents.js" type="text/javascript"></script>
    <style>
      body {font-family: Arial, Tahoma, Verdana;}
      #accordionExample {
      border : 1px solid #4f4f4f;
      width: 100px;
      }
      
      .panelheader, .nestedPanelHeader{
      background-image: url('<%=ctxpath%>/chat/images/example1_panelBG.png');
      height: 22px;
      color : #ECECEC;
      font-weight : 'normal';
      padding-left: 5px;
      }
      
      .panelHover {
      background-image: url('<%=ctxpath%>/chat/images/example1_panelBGHover.png');
      height: 22px;
      color : #ffffff;
      padding-left: 5px;
      }
      
      .panelClicked {
      background-image: url('<%=ctxpath%>/chat/images/example1_panelBGClick.png');
      height: 22px;
      color : #ffffff;
      padding-left: 5px;
      }
      
      .panelSelected {
      background-image: url('<%=ctxpath%>/chat/images/example1_panelBGSelected.png');
      height: 22px;
      color : #494949;
      font-weight : 'bold';
      padding-left: 5px;
      }
      .panelContent, .nestedPanelContent {
      background-image: url('<%=ctxpath%>/chat/images/example1_contentBG');
      background: #f8f8f8;
      overflow: auto;
      }
      
      #nestedaccordionExample {
      margin-top: 20px;
      margin-left:75px;
      width: 100px;
      border : 1px solid #4f4f4f;
      }
    </style>
  </head>
  <body  leftMargin="0" topMargin="0" marginwidth="0" marginheight="0" id="outlookbody"  scroll=no>
    
    
    <div>
      <div id="accordionExample">
        
        <%
        String functionid=request.getParameter("functionid");
        MenuGenerator generator=new MenuGenerator();
        if(functionid!=null) {

            TreeNode node=sessionmng.getTreeNodeByID(functionid);
            if(node!=null) {
              out.println(generator.outlookRico(node,request.getContextPath()));
            }
        }
        %>       
        
      </div>
      
      <script> new Rico.Accordion( $$('div.panelHeader'), $$('div.panelContent'),
								{panelHeight:460,
								 hoverClass: 'panelHover',
								 selectedClass: 'panelSelected',
                                 clickedClass: 'panelClicked'
                                 });

       //      new Rico.Accordion( $$('div.nestedPanelHeader'), $$('div.nestedPanelContent'),
	//							{panelHeight:100,
	//							 hoverClass: 'panelHover',
	//							 selectedClass: 'panelSelected',
       //                          clickedClass: 'panelClicked'
        //                         }); 
      </script>
      
    </div>   
    
    
    
  </body>
</html>
